.sidebar_detail {
  position: static !important;
}

.toc_panel {
  top: 0;
  width: 365px;
}

#toc_box {
  ul, ol {
    margin: 0;
    padding: 0;
  }

  overflow: auto;

  &::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }

  &::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #d4d5d673;
  }
}

.article-toc li {
  list-style-type: none;
}

.article-toc li a {
  padding: 1px;
}

li.toc-h1 {
}

li.toc-h1 a {
  font-weight: bolder;
}

li.toc-h2 a {
  padding-left: 20px;
}

li.toc-h3 a {
  padding-left: 40px;
}

li.toc-h4 a {
  padding-left: 60px;
}

#toc_box {
  max-height: calc(~"91vh");
}

#toc_box a {
  color: #000;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

  &:hover {
    background-color: #ebedef;
    text-decoration: none;
  }
}

#toc_box a.active {
  color: #007fff !important;
  background-color: #ebedef;
  text-decoration: none;
}
